<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - House management</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/datepicker/css/foundation-datepicker.css" />
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=64d1945d31e576a17fc394f2ae2f098d">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/jslib/bootstrap-datepicker/css/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookPage/reverse.css?rev=3b6923a776d4838a05e750c758b1d44a">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookPage/order.css?rev=552bed10d7a04ae105eff227c2e0c6d7a">
</block>
<block name="document">
    <div id="doc" class="container-above-md" data-today="{:date('Y-m-d')}" data-room-status-auth='{:checkAccess($adminAuthority, "Home/BookPage/index")}'>
        <!--头部导航栏-->
        <include file="en_us:Public:Include_control_navbar" navbar-menu-room="active" />
        <!--全屏加载中-->
        <include file="en_us:Public:Include_content_loading" loading-container-id="mainLoading" loading-title="" />
        <include file="en_us:Public:Include_card_loading" loading-card-id="cardLoading" loading-title="" />
        <!--终点房判断-->
        <empty name="hourRoom">
            <div class="hidden" id="hour-room-init" data-init="0"></div>
        <else /> 
            <div class="hidden" id="hour-room-init" data-init="1" data-checkintime="{$hourRoom.checkintime}" data-checkouttime="{$hourRoom.checkouttime}"></div>
        </empty>
        <div id="doc-body" class="row">
            <div id="doc-center">
                <div id="roomDateContainer">
                    <div class="leftCol">
                        <div class="row">
                            <div class="col-xs-2" id="datePickerLast">
                                <span class="iconfont icon-menu-left"></span>
                            </div>
                            <div class="col-xs-8" id="datePicker" data-start="{:date('Y-m-d', $startDay);}">
                                <div class="day text-sm"><span class="start">{:date('m/d', $startDay);}</span>~<span class="end">{:date('m/d', $endDay);}</span></div>
                                <div class="year text-sm">{:date('Y', $startDay);}</div>
                                <input id="datePickerInput" value="{:date('Y-m-d', $startDay);}" />
                            </div>
                            <div class="col-xs-2" id="datePickerNext">
                                <span class="iconfont icon-menu-right"></span>
                            </div>
                        </div>
                    </div>
                    <div class="rightCol" id="roomTypeScrollContainer">
                        <div id="roomTypeContainer">
                            <table id="roomList" class="table" data-rooms="{$roomsCount}">
                                <tbody>
                                    <tr>
                                        <volist name="rooms" id="roomType">
                                            <td colspan="{:count($roomType['room']);}" class="roomTypeItem roomTypeItemCountTrigger" data-type-value="{$roomType.id}">
                                                <div title="{$roomType.name}" data-type-value="{$roomType.id}" data-price="{$roomType.price}">{$roomType.name}</div>
                                            </td>
                                            <td class="roomTypeItemCount roomTypeItemCountHiddenTrigger hidden" data-type-value="{$roomType.id}">
                                                <div title="{$roomType.name}">{$roomType.name}</div>
                                            </td>
                                        </volist>
                                        <td rowspan="2" style="width: 30px;min-width: 30px;border-right: 0;border-bottom: 0;"></td>
                                    </tr>
                                    <tr>
                                        <volist name="rooms" id="roomType">
                                            <volist name="roomType['room']" id="room">
                                                <td class="roomTypeItemRoom" data-type-value="{$roomType.id}">
                                                    <empty name="room['isdirty']">
                                                        <div class="roomItem {$room['class']}" data-type="{$roomType.name}" data-type-value="{$roomType.id}" data-price="{$roomType.price}" data-room='{$room.id}' data-name="{$room.name}" data-from='{$room.roomfrom}' data-status="0" data-isservice="{$room['isService']}"><div class="roomItem-detail-name" title="{$room.name}">{$room.name}</div><span class="iconfont icon-besom" data-toggle="tooltip" data-placement="bottom"  data-container="body"></span></div>
                                                        <else/>
                                                        <div class="roomItem {$room['class']}" data-type="{$roomType.name}" data-type-value="{$roomType.id}" data-price="{$roomType.price}" data-room='{$room.id}' data-name="{$room.name}" data-from='{$room.roomfrom}' data-status="1" data-isservice="{$room['isService']}"><div class="roomItem-detail-name" title="{$room.name}">{$room.name}</div><span class="iconfont icon-besom" data-toggle="tooltip" data-placement="bottom"  data-container="body"></span></div>
                                                    </empty>
                                                </td>
                                            </volist>
                                            <td class="roomTypeItemCount hidden" data-type-value="{$roomType.id}">
                                                <div>Remaining</div>
                                            </td>
                                        </volist>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div id="calendarOrderContainer">
                    <div class="leftCol">
                        <div id="calendarScrollContainer">
                            <table id="calendarTable">
                                <tbody id="calendar">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="rightCol">
                        <div id="orderArea">
                            <table id="orderList">
                                <tbody id="orderListBody"></tbody>
                            </table>
                        </div>
                        <div id="objectHTML" class="hidden" isTypeJiu = '' isTypeSi = ''></div>
                    </div>
                </div>
            </div>
            <div class="maintain hidden" id="maintains-container">
                <div class="dirty-list"><span class="iconfont icon-besom"></span><div class="dirty-content"></div></div>
                <div class="maintain-list"><span class="iconfont icon-repair"></span><div class="maintain-content"></div></div>
            </div>              
            <!--end of doc-center-->
            <!--Room stateOrder底部公部m-->
            <include file="en_us:Public:Include_order_footer" view-style-2="selected" />
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <!--rf卡Prompt框-->
    <include file="en_us:Public:Include_RF_prompt_modal" />  
    <!--检查RoomStatus模态框-->
    <include file="en_us:Public:Include_checkout_modal" />    
    <!--Order处理模态框-->
    <include file="en_us:Public:Include_order_modal" />
    <!--Add模态框-->
    <include file="en_us:Public:Include_order_create" />
    <script type="text/html" id="templateCalendarDay">
        <tr>
            <td class="calendar-day">
                <div class="calendar-day-count"><span></span></div>
                <div class="calendar-day-text"><span class="day-text"></span><span class="week-text"></span></div>
            </td>
        </tr>
    </script>
    <script type="text/html" id="templateOrderItem">
        <td class="order-item-td" data-toggle="tooltip" data-placement="bottom" data-container="#doc-center" data-html="true"  title="">
            <div class="td-position">
                <div class="order-item hidden" style="position: absolute;top: 0;width: 98px; z-index: 1;"data-toggle="tooltip" data-placement="right" data-container="#doc-center" data-html="true"  title="">
                    <div class="order-customer"></div>
                    <span class="order-icon iconfont icon-warning-sign hidden"></span>
                    <div class="order-channel"></div>
                </div>
                <div class="order-hour-box-other hidden" data-toggle="tooltip" data-placement="bottom" data-container="#doc-center" data-html="true"  title=""></div>    
                <div class="order-hour-box">
                     <div class="order-hour hidden" style="z-index: 2;"  data-toggle="tooltip" data-placement="bottom" data-container="#doc-center" data-html="true" style="height: 45px;"  title="">
                        <div class="order-hour-num" ></div>
                    </div>                   
                    <div class="order-hour-container hidden" style="position: absolute;top: 0;z-index: 3;" ></div>
                    <div class="order-item-container hidden" style="position: absolute;top: 46px;z-index: 3;" ></div>   
                </div>
                <div class="maintain-icon hidden"></div>
            </div>
        </td>
    </script>  
    <div id="guidance-container" class="guidance hidden">
        <div class="first-guidance">
            <img src="/Public/uclbrt/image/guidance01-en.png"/>
            <div class="next-step"></div>
            <div class="close-guidance"></div>
        </div>   
        <div class="eight-guidance hidden">
            <img src="/Public/uclbrt/image/guidance08-en.png"/>
            <div class="next-step"></div>
            <div class="close-guidance"></div>
        </div>      
    </div>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="__PUBLIC__/jslib/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/cookie/2.1.2/js.cookie.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-datepicker/locales/bootstrap-datepicker.en-GB.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/interact.js/1.2.6/interact.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/qrcode/jquery-qrcode.min.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=482234be36e10d8f4d21ca9eee16ff25"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/reverse.js?rev=2cb16c681ba53b66262d54ae636aec65"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/rfcard.js?rev=0b5ac76c42d55b35f659125e2dcefc22"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/order.js?rev=7252c5a9af6b852c184a0b79b4396436a"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/ordercreate.js?rev=9be2c97cafeb2f807f3a8c38940c5013"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/roomclean.js?rev=5d00cf3a9ae48dc76f189e713209"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/lunar/LunarCalendar.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/pushcenter.js?rev=5e5975debf7aa0a49f56df505bece0a9"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/datepicker/js/foundation-datepicker.js"></script>
</block>
